<template>
  <div class="mainContent">
    <div class="oneStepProgress">
      <!-- 第一步 -->
      <div class="pregoss rowFlex allCenter">
        <div class="stepDiv rowFlex allCenter">
          <span class="stepLine"><i class="el-icon-check"></i></span>
          <div class="text">
            <p class="title">剧集信息</p>
            <p class="sub">上传+确认</p>
          </div>
        </div>
        <div class="line"></div>
        <div class="stepDiv rowFlex allCenter">
          <span class="step">2</span>
          <div class="text">
            <p class="title2">提审信息</p>
            <p class="sub">材料+内容</p>
          </div>
        </div>
      </div>
      <div class="submitView">
        <!-- 内容信息 -->
        <DySubmitReview :row="rowInfo" :repeat-examine="true" @lastStep="lastStep" @cancel="close" @ok="ok" />
      </div>
    </div>
  </div>
</template>
<script>
import DySubmitReview from '../DySubmitReview.vue'
import { dyCheckInfo } from '@/api/examine'
export default {
  components: {
    DySubmitReview
  },
  props: ['rowInfo'],
  data() {
    return {
      profileInfo: {}
    }
  },
  mounted() {
  },
  methods: {
    lastStep() {
      this.$emit('close')
    },
    close() {
      this.$emit('cancel')
    },
    ok() {
      this.$emit('submit')
    }
  }
}
</script>
  <style lang="scss" scoped>
  .oneStepProgress{
    width: 980px;
    height: 100%;
    overflow: auto;
    padding-bottom: 80px;
    ::v-deep .avatar-uploader .el-upload:hover{
      border:1px dashed #06C261 !important;
    }
  }
  .uploadAvatar{
    width: 80px;
  }
  .elFormContent{
    width: 100%;
  }
  .playletCover{
    ::v-deep .avatar-uploader{
      display: flex;
      align-items: center;
    }
    ::v-deep .el-upload__tip{
      width: 350px;
      margin-left: 20px;
    }
  }
 .pregoss {
  .stepDiv {
    width: auto;
    height: 80px;
    .step,
    .stepLine {
      width: 32px;
      height: 32px;
      border-radius: 16px;
      background: #06c261;
      font-size: 14px;
      color: #fff;
      text-align: center;
      line-height: 32px;
      margin-right: 10px;
    }
    .stepLine {
      color: #06c261;
      border: 2px solid #06c261;
      background: #fff;
      font-size: 16px;
    }
    .text {
      P {
        line-height: 20px;
        margin: 0;
      }
      .title,
      .title2 {
        font-size: 16px;
        font-weight: 500;
        font-weight: bolder;
      }
      .title2 {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: bolder;
        color: #333;
      }
      .sub {
        margin-top: 4px;
        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: rgba(153, 153, 153, 0.85);
      }
    }
  }
  .line {
    width: 200px;
    height: 1px;
    background: rgba(0, 0, 0, 0.15);
    margin: 0 20px;
  }
}
  .content{
    padding: 20px;
    ::v-deep .el-textarea__inner{
      height: 100px;
    }
    .ruleForm{

    }
    .submitText{
      width: 100%;
      height: auto;
      padding: 20px;
      background: #F7F8FA;
    }
  }
  .mainContent{
    height: 100%;
    position: relative;
    ::v-deep .el-form-item__label{
      font-weight: 600;
    }
  }
  ::v-deep .el-select__tags{
    width: 100% !important;
  }
  .dialog-footer{
    background: #fff;
    z-index: 100;
  }
  </style>
